<template>
	<view class="content">
		<SearchInout @input='search'>
		</SearchInout>
		<!-- 导航 -->
		<NavList :scrollTop='scrollTop' @click='navClick'></NavList>
		<!-- 公告 -->
		<view class="NoticeList margin-20">
			<view class="NoticeItem" v-for="(item,index) in 4" :key="index">
				<view class="ask">
					<view class="">
						<view class="askTitle">
							问
						</view>
					</view>
					<view class="askText">
						长沙房价还会下跌吗？
					</view>
				</view>
				<view class="ask">
					<view class="">
						<view class="answerTitle">
							答
						</view>
					</view>
					<view class="answerText">
						不会,长沙虽然很安逸,房价也低,消费力不错,但原材料和生产资源相当匮乏,这是一个蛮现实的问题。
					</view>

				</view>
			</view>

		</view>
	</view>
</template>

<script>
	import SearchInout from '../../component/Search/Search.vue'
	import NavList from '../../component/Navlist/Navlist.vue'
	export default {
		components: {
			SearchInout,
			NavList

		},
		data() {
			return {
				navTitle: '',
				scrollTop: '',
			}
		},
		onPullDownRefresh() {
			// uni.stopPullDownRefresh();
		},
		onPageScroll(e) {
			this.scrollTop = e.scrollTop;
		},
		methods: {

		}
	}
</script>

<style lang="less">
	.content {
		border-top: 1px solid #E0E0E0;

		.NoticeList {
			padding-bottom: 50rpx;
			
			.NoticeItem {
				border-radius: 10px;
				background: #FFFFFF;
				border: 1px solid #E0E0E0;
				margin-top: 20rpx;
				padding: 20rpx;

				.ask {
					display: flex;
					align-items: baseline;

					.askTitle {
						width: 40rpx;
						height: 40rpx;
						background-color: #D43030;
						border-radius: 50%;
						font-size: 24rpx;
						color: #FFFFFF;
						text-align: center;
						line-height: 40rpx;
					}

					.askText {
						font-size: 30rpx;
						font-weight: 400;
						padding-left: 20rpx;
						color: rgba(212, 48, 48, 1);
					}

					.answerTitle {
						width: 40rpx;
						height: 40rpx;
						background-color: #666666;
						border-radius: 50%;
						font-size: 24rpx;
						color: #FFFFFF;
						text-align: center;
						line-height: 40rpx;
						margin-top: 15rpx;
					}

					.answerText {
						padding-left: 20rpx;
						margin-top: 15rpx;
						font-size: 26rpx;
						font-weight: 400;
						letter-spacing: 0px;
						line-height: 18.82px;
						color: rgba(102, 102, 102, 1);

					}
				}

			}
		}

	}
</style>